@import 'moves';

.login {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    .video {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-color: rgba($color: #000000, $alpha: .6);
    }

    .header {
        max-width: 100%;
        text-align: center;
        display: flex;
        align-items: center;
        flex-direction: column;
        img {
            width: 80px;
            height: 80px;
            border: 1px  solid #ffffff;
            border-radius: 100%;
        }
        .text {
            margin-top: 50px;
            color: #fff;
            h1 {
                font-size: 36px;
                background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
                background-clip: text; /* 使用背景图像来填充文字 */
                -webkit-background-clip: text; /* 使用背景图像来填充文字 */
                color: transparent; /* 隐藏实际文字 */
                // animation: slideRight 3s ease forwards; /* 添加动画效果 */
            }
            p {
                margin-top: 20px;
            }
        }
        .btn {
            margin-top: 30px;
        }
    }
}



